/* ========== generic ========== */

* {
    font-family: 'segeo ui', 'microsoft yahei', 'pingfang sc', arial, helvetica, sans-serif;
    word-break: break-all;
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;
    -webkit-appearance: none;
}

*:focus {
    outline: none;
}

*::-webkit-input-placeholder {
    color: #bfbfbf;
}

body {
    margin: 0px;
    background-position: top center;
    background-color: transparent;
}

iframe {
    border-style: none;
}

div {
    display: block;
}

a {
    text-decoration: none;
    cursor: pointer;
}

img {
    border-width: 0px;
}

form {
    border-spacing: 0px;
}

table {
    border-width: 0px;
    border-spacing: 0px;
    border-collapse: collapse;
}

td {
    border-width: 0px;
    padding: 0px;
}

ol, ul {
    list-style: none;
}

blockquote, q {
    quotes: none;
}

input::-webkit-input-placeholder, textarea::-webkit-input-placeholder {
    color: #bfbfbf;
}

input:-moz-placeholder, textarea:-moz-placeholder {
    color: #bfbfbf;
}

input::-moz-placeholder, textarea::-moz-placeholder {
    color: #bfbfbf;
}

input:-ms-input-placeholder, textarea:-ms-input-placeholder {
    color: #bfbfbf;
}

.code, .code * {
    font-family: consolas, menlo, 'courier new', 'microsoft yahei', 'pingfang sc', sans-serif;
}

/* ========== custom ========== */

@font-face {
    font-family: 'mdl2';
    src: url('/common/mdl2/mdl2.eot');
    src: url('/common/mdl2/mdl2.woff') format('woff'),
        url('/common/mdl2/mdl2.svg') format('svg'),
        url('/common/mdl2/mdl2.ttf') format('truetype');
}

.mdl2, .mdl2 *, [mdl2], [mdl2] * {
    font-family: 'mdl2', sans-serif !important;
    font-style: normal;
}

.ellipsis, .ellipsis1 {
    overflow: hidden;
    white-space: nowrap;
    text-overflow: ellipsis;
}

.ellipsis2 {
    display: -webkit-box;
    overflow: hidden;
    text-overflow: ellipsis;
    -webkit-box-orient: vertical;
    -webkit-line-clamp: 2;
}

.ellipsis3 {
    display: -webkit-box;
    overflow: hidden;
    text-overflow: ellipsis;
    -webkit-box-orient: vertical;
    -webkit-line-clamp: 3;
}

.touchscroll {
    -webkit-overflow-scrolling: touch;
    overflow: auto;
}